<!DOCTYPE html>
<html ng-app="app">
  <head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">
    <title>估估网</title>
    <link rel="styleSheet" href="/static/css/equip-list.css">
    <meta property="qc:admins" content="300026023761470647167">
    <link rel="styleSheet" href="/static/css/universe.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="http://static.geetest.com/static/tools/gt.js"></script>
    <script src="/static/js/angular.min.js"></script>
  </head>
  <body ng-controller="body" class="scrollTransition">
    <header>
      <div id="logo-area"><a href="#">
          <div id="logo"><img src="/static/img/logo.png"></div>
          <div id="gugu-title"><img src="/static/img/gugu.png"></div></a>
        <div id="sidebar-btn" data-state="close" class="menu-btn">
          <div id="side-inner" class="menu-btn-inner">
            <div id="line1" class="line line1 animated"></div>
            <div id="line2" class="line line2 animated"></div>
            <div id="line3" class="line line3 animated"></div>
          </div>
        </div>
      </div>
      <div id="menu">
        <div class="m-one index">
          <!--.active--><a href="/index.html">首页</a>
        </div>
        <div class="m-one intro"><a href="/intro.html">介绍</a></div>
        <div class="m-one news"><a href="/news-list.html">资讯</a></div>
        <div class="m-one download"><a href="/download.html">app下载</a></div>
      </div>
      <div id="user">
        <div id="user-list-btn">
          <div id="user-tri" class="close"></div>
        </div>
        <div id="nickname"></div>
        <div id="user-info-entry" data-state="none">
          <div><a href="/mybasic.html">用户中心</a></div>
          <div ng-click="logout()" id="logout">退出</div>
        </div>
      </div>
      <div id="loginOrReg"><a href="/login.html">登录</a>
        <div class="divide"></div><a href="/reg.html">注册</a>
      </div>
      <div id="tools">
        <div id="share" class="tool-btn">
          <div id="s-img" class="inner-img"></div>
          <div id="share-content">
            <div id="qzone" class="share-btn">
              <div class="img-outer"><img src="/static/img/share-qzone.png"></div>
              <div class="share-text">分享到QQ空间</div>
            </div>
            <div id="sina" class="share-btn">
              <div class="img-outer"><img src="/static/img/share-sina.png"></div>
              <div class="share-text">分享到新浪微博</div>
            </div>
          </div>
        </div>
        <div id="message" class="tool-btn">
          <div id="not-read-mess"></div>
        </div>
      </div>
      <div class="small-side">
        <div class="close-area">
          <div class="close-btn"><img src="/static/img/close.svg"></div>
        </div>
        <div class="loginOrReg"><a href="/login.html">登录</a>
          <div class="divide"></div><a href="/reg.html">注册</a>
        </div>
        <div class="nav">
          <div class="m-one index"><a href="/index.html">首页</a></div>
          <div class="m-one intro"><a href="/intro.html">介绍</a></div>
          <div class="m-one news"><a href="/news.html">资讯</a></div>
          <div class="m-one download"><a href="/download.html">app下载</a></div>
        </div>
      </div>
    </header>
    <content data-now="equip-list">
      <div id="sidebar">
        <div class="loginOrReg clear-outer"><a href="/login.html">登录</a>
          <div class="divide"></div><a href="/reg.html">注册</a>
        </div>
        <div class="user-info">
          <div class="user-avatar"><img src="{{avatar}}"></div>
          <div class="user-name">{{username}}</div>
        </div>
        <ul id="side-list">
          <li id="good-btn" data-state="close" class="one-li">
            <div class="one-li-top"><a href="" class="li-info">
                <div class="li-logo"><img src="/static/img/good.png"></div>
                <div class="li-title">商品分类</div></a>
              <div ng-click="toggleOpen($event)" class="son-menu-btn"></div>
            </div>
            <div class="son-menu">
              <div data-kind="coin" ng-click="chooseKind($event)" class="son-item">金币</div>
              <div data-kind="equip-list" ng-click="chooseKind($event)" class="son-item">装备</div>
              <div class="clear"></div>
            </div>
            <div class="clear"></div>
          </li>
          <li id="game-btn" data-state="close" class="one-li">
            <div class="one-li-top"><a href="" class="li-info">
                <div class="li-logo"><img src="/static/img/game.png"></div>
                <div class="li-title">游戏</div></a>
              <div id="game-open" ng-click="toggleOpen($event)" class="son-menu-btn"></div>
            </div>
            <div class="son-menu">
              <div ng-repeat="game in gameList" ng-click="getAreaServer(game,$event)" id="{{game}}" class="son-item">{{game}}</div>
            </div>
            <div class="clear"></div>
          </li>
          <li id="area-btn" data-state="close" class="one-li">
            <div class="one-li-top"><a href="" class="li-info">
                <div class="li-logo"><img src="/static/img/area.png"></div>
                <div class="li-title">区服</div></a>
              <div id="area-open" ng-click="toggleOpen($event)" class="son-menu-btn"></div>
            </div>
            <div id="area" ng-show="changeBool" class="son-menu">
              <div ng-repeat="(key,value) in areaServerObj" ng-click="setArea(key,$event)" class="area-item son-item {{key}}">{{key}}</div>
            </div>
            <div id="server" ng-show="!changeBool" class="son-menu">
              <div ng-repeat="server in serverList" ng-click="setServer(server,$event)" class="server-item son-item {{server}}">{{server}}</div>
            </div>
            <div class="change">
              <div data-tar="area" ng-class="{true:'active',false:''}[changeBool]" ng-click="change($event)" class="one active"></div>
              <div data-tar="server" ng-class="{true:'',false:'active'}[changeBool]" ng-click="change($event)" class="one"></div>
            </div>
            <div class="clear"></div>
          </li>
          <li id="history-btn" data-state="close" class="one-li">
            <div class="one-li-top"><a href="" class="li-info">
                <div class="li-logo"><img src="/static/img/history.png"></div>
                <div class="li-title">历史记录</div></a>
              <div ng-click="toggleOpen($event)" class="son-menu-btn"></div>
            </div>
            <div class="son-menu"></div>
            <div class="clear"></div>
          </li>
        </ul>
      </div>
      <div class="content-main">
        <div id="main-inner">
          <div id="search-box" class="equip-part">
            <div id="input-outer">
              <label for="search-input">请输入你要搜索的装备名称:
                <input id="search-input" type="text" placeholder="装备名称">
              </label>
            </div>
            <div id="btn-outer">
              <!--这里的搜索图标试一下before-->
              <div id="imgtext">
                <button id="search-btn">搜索</button>
              </div>
            </div>
          </div>
          <div id="choices" class="equip-part">
            <div id="filter" class="choice-one">
              <div class="choice-title">
                <div class="cho-img"><img src="/static/img/filter.png"></div>
                <div class="cho-text">筛选</div>
              </div>
              <div id="price">
                <label>价格区间
                  <input id="price-low" class="price-input"><span>-</span>
                  <input id="price-high" class="price-input">
                  <input id="confirm-btn" type="submit" value="确定">
                </label>
              </div>
              <div id="increase-up" class="cho-only-text">增幅为正</div>
              <div id="increase-down" class="cho-only-text">增幅为负</div>
            </div>
          </div>
          <div id="filter-state">装备>{{game}}>{{area}}>{{server}}></div>
          <div id="equip-list">
            <div id="list-header">
              <div id="equip-name-title">装备名称</div>
              <div id="price-title-all">
                <div>价格</div>
                <div class="kind">
                  <div>人民币</div>
                  <div>游戏币(金)</div>
                </div>
              </div>
              <div id="heat-title">
                <div>热度</div>
                <div class="kind">
                  <div>关注量</div>
                  <div>点击量</div>
                </div>
              </div>
            </div>
            <div id="list-main">
              <div id="list-show" ng-show="!listShow" style="height:60px;line-height:60px;text-align:center;font-size:20px;"> {{stateText}}</div>
              <ul ng-show="listShow">
                <li ng-repeat="(key,value) in equipList" data-id="{{value[2]}}" class="one-equip">
                  <div ng-click="equipClick($event)" class="equip-name">{{key}}</div>
                  <div class="equip-price inner">
                    <div class="equip-price-rmb">{{value[0]}}</div>
                    <div class="equip-price-yxb">{{value[0]}}</div>
                  </div>
                  <div class="equip-heat inner">
                    <div class="equip-heat-focus">2573</div>
                    <div class="equip-heat-click">{{value[1]}}</div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <div id="page-part">
            <div id="pages" class="pager"></div>
          </div>
        </div>
      </div>
      <div class="clear"></div>
    </content>
    <div id="prompt-outer">
      <div id="bottom"></div>
      <div id="prompt">
        <div id="state"></div>
      </div>
    </div>
  </body>
  <script src="/static/js/common.js"></script>
  <script src="/static/js/jquery.page.js"></script>
  <script src="/static/js/equip-list.js"></script>
  <script src="/static/js/angular-equip-list.js"></script>
</html>